<script setup lang="ts">
import { ref, onMounted, nextTick } from 'vue';

</script>

<template>
  <router-view></router-view>
</template>

<style lang="less">
html,
body {
  // width: 100%;
  // height: 100%;
  margin: 0 auto;
  padding: 0;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  // width: 100%;
  // height: 100%;
  margin: 0 auto;
}
.new-dialog {
  background: #fffaf4 !important;
  border-radius: 16px !important;
  padding-bottom: 10px;
  .van-dialog__header {
    font-size: 20px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #10242c;
    line-height: 22px;
  }
  .van-button__content {
    background: #ff8a23 #df3030;
    box-shadow: 0px 11px 15px 0px rgba(255, 138, 35, 0.2);
    border-radius: 33px;

    .van-button__text {
      font-size: 15px;
      font-family: PingFangSC-Semibold, PingFang SC;
      font-weight: 700;
      color: #ffffff;
      line-height: 20px;
    }
  }
}
.dialog-msg {
  height: 41px;
  background: rgba(16, 36, 44, 0.04);
  border-radius: 27px;
  font-size: 17px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(16, 36, 44, 0.4);
  line-height: 41px;
  margin: 30px 0 20px;
}

.back {
  position: absolute;
  top: 45px;
  left: 23px;
  width: 42px;
  height: 42px;
  z-index: 99;
  img {
    display: inline-block;
    width: 42px;
    height: 42px;
  }
}

.mentions {
  background: #fffaf4 url("@/assets/img/top-bg.jpg") no-repeat top center;
  background-size: contain;
  padding-top: 182px;
  box-sizing: border-box;
  // height: 100%;
  .show-content {
    background: #fffaf4;
    border-radius: 32px 32px 0px 0px;
    padding: 32px 24px 0;
    box-sizing: border-box;  
      // height: 100%;
  }
}
</style>
